home *** CD-ROM | disk | FTP | other *** search
/ PC go! 2013 December / PCGO_13-12_CD.iso / nw.pak / Unnamed File 000670.unknown < prev    next >
Encoding:
Text File  |  2012-12-14  |  4.6 KB  |  220 lines
  1. .data-grid {
  2.     position: relative;
  3.     border: 1px solid #aaa;
  4. }
  5.  
  6. .data-grid .highlight {
  7.     background-color: rgb(255, 230, 179);
  8. }
  9.  
  10. .data-grid tr.selected .highlight {
  11.     background-color: transparent;
  12. }
  13.  
  14. .data-grid table {
  15.     table-layout: fixed;
  16.     border-spacing: 0;
  17.     border-collapse: collapse;
  18.     width: 100%;
  19.     font-size: 10px;
  20.     font-family: Lucida Grande, sans-serif;
  21. }
  22.  
  23. .data-grid .data-container {
  24.     position: absolute;
  25.     top: 16px;
  26.     bottom: 0;
  27.     left: 0;
  28.     right: 0;
  29.     padding-right: 14px;
  30.     overflow-x: hidden;
  31.     overflow-y: overlay;
  32. }
  33.  
  34. .data-grid.inline .data-container {
  35.     position: static;
  36. }
  37.  
  38. .data-grid th {
  39.     text-align: left;
  40.     background-image: url(Images/glossyHeader.png);
  41.     background-repeat: repeat-x;
  42.     border-right: 1px solid rgb(179, 179, 179);
  43.     border-bottom: 1px solid rgb(179, 179, 179);
  44.     height: 15px;
  45.     font-weight: normal;
  46.     vertical-align: middle;
  47.     padding: 0 4px;
  48.     white-space: nowrap;
  49. }
  50.  
  51. .data-grid th.corner {
  52.     width: 14px;
  53.     padding-right: 0px;
  54.     padding-left: 0px;
  55.     border-right: 0 none transparent;
  56. }
  57.  
  58. .data-grid tr.filler {
  59.     display: table-row !important;
  60.     height: auto !important;
  61. }
  62.  
  63. .data-grid tr.filler td {
  64.     height: auto !important;
  65.     padding: 0 !important;
  66. }
  67.  
  68. .data-grid table.data {
  69.     position: absolute;
  70.     left: 0;
  71.     top: 0;
  72.     right: 16px;
  73.     bottom: 0;
  74.     height: 100%;
  75.     border-top: 0 none transparent;
  76.     background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(0.5, white), color-stop(0.5, rgb(234, 243, 255)), to(rgb(234, 243, 255)));
  77.     -webkit-background-size: 1px 32px;
  78.     table-layout: fixed;
  79. }
  80.  
  81. .data-grid.inline table.data {
  82.     position: static;
  83. }
  84.  
  85. .data-grid table.data tr {
  86.     display: none;
  87. }
  88.  
  89. .data-grid table.data tr.revealed {
  90.     display: table-row;
  91. }
  92.  
  93. .data-grid td {
  94.     vertical-align: top;
  95.     height: 12px;
  96.     line-height: 12px;
  97.     padding: 2px 4px;
  98.     white-space: nowrap;
  99.     overflow: hidden;
  100.     border-right: 1px solid #aaa;
  101.     -webkit-user-select: text;
  102. }
  103.  
  104. .data-grid td > div, .data-grid th > div {
  105.     white-space: nowrap;
  106.     text-overflow: ellipsis;
  107.     overflow: hidden;
  108. }
  109.  
  110. .data-grid .centered div {
  111.     text-align: center;
  112. }
  113.  
  114. .data-grid .right div {
  115.     text-align: right;
  116. }
  117.  
  118. .data-grid th.sortable div {
  119.     position: relative;
  120. }
  121.  
  122. .data-grid th.sortable:active {
  123.     background-image: url(Images/glossyHeaderPressed.png);
  124. }
  125. .data-grid th.sort-ascending, .data-grid th.sort-descending {
  126.     border-right: 1px solid rgb(107, 140, 196);
  127.     border-bottom: 1px solid rgb(107, 140, 196);
  128.     background-image: url(Images/glossyHeaderSelected.png);
  129.     background-repeat: repeat-x;
  130. }
  131.  
  132. .data-grid th.sortable.sort-ascending:active, .data-grid th.sortable.sort-descending:active {
  133.     background-image: url(Images/glossyHeaderSelectedPressed.png);
  134. }
  135.  
  136. .data-grid th.sort-ascending > div::after {
  137.     position: absolute;
  138.     top: 0;
  139.     bottom: 0;
  140.     right: 0;
  141.     height: 12px;
  142.     margin-bottom: auto;
  143.     margin-top: auto;
  144.     width: 8px;
  145.     content: url(Images/treeUpTriangleBlack.png);
  146. }
  147.  
  148. .data-grid th.sort-descending > div::after {
  149.     position: absolute;
  150.     top: 0;
  151.     bottom: 0;
  152.     right: 0;
  153.     height: 8px;
  154.     margin-bottom: auto;
  155.     margin-top: auto;
  156.     width: 8px;
  157.     content: url(Images/treeDownTriangleBlack.png);
  158. }
  159.  
  160. .data-grid button {
  161.     line-height: 18px;
  162. }
  163.  
  164. body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending {
  165.     background-image: url(Images/glossyHeader.png);
  166.     border-right: 1px solid rgb(179, 179, 179);
  167.     border-bottom: 1px solid rgb(179, 179, 179);
  168. }
  169.  
  170. .data-grid tr.parent td.disclosure::before {
  171.     float: left;
  172.     content: url(Images/treeRightTriangleBlack.png);
  173.     width: 8px;
  174.     height: 8px;
  175.     margin-right: 2px;
  176.     -webkit-user-select: none;
  177. }
  178.  
  179. .data-grid tr.expanded td.disclosure::before {
  180.     content: url(Images/treeDownTriangleBlack.png);
  181.     width: 8px;
  182.     height: 8px;
  183.     margin-top: 1px;
  184. }
  185.  
  186. .data-grid tr.selected {
  187.     background-color: rgb(212, 212, 212);
  188.     color: inherit;
  189. }
  190.  
  191. .data-grid:focus tr.selected {
  192.     background-color: rgb(56, 121, 217);
  193.     color: white;
  194. }
  195.  
  196. .data-grid:focus tr.selected a {
  197.     color: white;
  198. }
  199.  
  200. .data-grid:focus tr.parent.selected td.disclosure::before {
  201.     content: url(Images/treeRightTriangleWhite.png);
  202. }
  203.  
  204. .data-grid:focus tr.expanded.selected td.disclosure::before {
  205.     content: url(Images/treeDownTriangleWhite.png);
  206. }
  207.  
  208. .data-grid tr:not(.parent) td.disclosure {
  209.     text-indent: 10px;
  210. }
  211.  
  212. .data-grid-resizer {
  213.     position: absolute;
  214.     top: 0;
  215.     bottom: 0;
  216.     width: 5px;
  217.     z-index: 500;
  218.     cursor: col-resize;
  219. }
  220.